/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */


$("#formsubmit").click(function() {
    $("#shopinferform").submit();
});
$(document).ready(function() {
//                $(document).on({
//                    dragleave: function(e) {
//                        e.preventDefault();
//                    },
//                    drop: function(e) {
//                        e.preventDefault();
//                    },
//                    dragenter: function(e) {
//                        e.preventDefault();
//                    },
//                    dragover: function(e) {
//                        e.preventDefault();
//                    }
//                });
    doup(1);
    doup(2);
    doup(3);
});


//            function upload(id) {
//                var e = document.getElementById('drop_area' + id);
//                e.addEventListener("drop", function(e) {
//                    e.preventDefault();
//                    //获取文件列表
//                    var fileList = e.dataTransfer.files;
//                    var img = document.createElement('img');
//                    //检测是否是拖拽文件到页面的操作
//                    if (fileList.length == 0) {
//                        $('.dashboard_target_box').removeClass('over');
//                        return;
//                    }
//                    //检测文件是不是图片
//                    if (fileList[0].type.indexOf('image') === -1) {
//                        $('.dashboard_target_box').removeClass('over');
//                        return;
//                    }
//                    if ($.support.safari) {
//                        //Chrome8+
//                        img.src = window.webkitURL.createObjectURL(fileList[0]);
//                    } else if ($.support.mozilla) {
//                        //FF4+
//                        img.src = window.URL.createObjectURL(fileList[0]);
//                    } else {
//                        //实例化file reader对象
//                        var reader = new FileReader();
//                        reader.onload = function(e) {
//                            img.src = this.result;
//                        }
//                        reader.readAsDataURL(fileList[0]);
//                    }
//                    var xhr = new XMLHttpRequest();
//                    xhr.open("post", "<c:url value="/upload/images.html" />", true);
//                    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
//                    xhr.upload.addEventListener("progress", function(e) {
//                        $("#upload" + id).css("display", "none");
//                        $("#uploadshow" + id).css("display", "block");
//                        $("#uploadshow" + id).parent().addClass("preview");
//                        if (e.lengthComputable) {
//                            var loaded = Math.ceil((e.loaded / e.total) * 100);
//                            $("#bar" + id).css("width", loaded + "%");
//                        }
//                    }, false);
//                    xhr.addEventListener("load", function(e) {
//                        var result = eval("(" + e.target.responseText + ")");
//                        if (result.error == 0) {
//                            $("#bar" + id).css("width", "100%");
//                            $("#litpic" + id).val(result.url);
//                            $("#error" + id).css("display", "block");
//                            $("#imgshow" + id).attr("src", "<%=ConfigDate.config("imgurl")%>" + result.url);
//                            del(id);
//                        } else {
//                            alert("上传失败");
//                            $("#upload" + id).css("display", "block");
//                            $("#uploadshow" + id).css("display", "none");
//                            $("#uploadshow" + id).parent().removeClass("preview");
//                            doup(id);
//                        }
//                    }, false);
//                    var fd = new FormData();
//                    fd.append('imgFile', fileList[0]);
//                    xhr.send(fd);
//                }, false);
//            }
function progress(id) {
    $.post(url + "/upload/progress.html", function(data) {
        if (!data.end) {
            setTimeout("progress(" + id + ")", 1000);
        }
        $("#bar" + id).css("width", data.percent + "%");
    }, "json");
}
function uploadinput(id) {
    $("#uploadfile" + id).change(function() {
        $("#upload" + id).css("display", "none");
        $("#uploadshow" + id).css("display", "block");
        $("#uploadshow" + id).parent().addClass("preview");
        $.ajaxFileUpload({
            url: url+'/upload/images.html', //需要链接到服务器地址  
            secureuri: false,
            fileElementId: "uploadfile" + id, //文件选择框的id属性
            dataType: 'json', //服务器返回的格式，可以是json
            success: function(data) {
                if (data.error == 0)
                {
                    imgcut(data.url,id);
//                    $("#litpic" + id).val(data.url);
//                    $("#error" + id).css("display", "block");
//                    $("#imgshow" + id).attr("src", imgpath+data.url);
//                            del(id);
                } else {
                    alert("上传失败!");
                    $("#upload" + id).css("display", "block");
                    $("#uploadshow" + id).css("display", "none");
                    $("#uploadshow" + id).parent().removeClass("preview");
                    doup(id);
                }
            },
            error: function(data, status, e) {
                alert("上传失败:"+e);
                $("#upload" + id).css("display", "block");
                $("#uploadshow" + id).css("display", "none");
                $("#uploadshow" + id).parent().removeClass("preview");
                doup(id);
            }
        });
        progress(id);
    });
}
function del(id) {
    $("#error" + id).click(function() {
        $("#litpic" + id).val("");
        $("#upload" + id).css("display", "block");
        $("#uploadshow" + id).css("display", "none");
        $("#uploadshow" + id).parent().removeClass("preview");
        doup(id);
    });
}
function doup(id) {
    $("#error" + id).unbind("click");
    $("#uploadfile" + id).unbind("change");
//                upload(id);
    uploadinput(id);
    del(id);
}

$("#cgcityid").click(function() {
    if (confirm("修改地址将会重新定位您的坐标！")) {
        $("#showcgcityid").removeClass("hidden");
        getadd(1, "pricd");
    }
});
$("#pricd").change(function(){
    getadd($(this).val(),"ipcode");
})
$("#ipcode").change(function(){
    getadd($(this).val(),"cityid");
})
$("#cityid").change(function(){
    cityid=$(this).val();
    $("#lat").val("");
    $("#lng").val("");
    getmap();
})
var getadd=function(id,name){
    var nename="end";
    if(name=="pricd"){
        nename="ipcode"
    }else if(name=="ipcode"){
        nename="cityid";
    }
   $.get(url + "/getaddress/"+id+".html", function(data) {
                if (data.success) {
                    var str = ""
                    if(data.row.length>0){
                        $("#"+nename).removeClass("hidden");
                    }else{
                        $("#"+name).addClass("hidden");
                    }
                    for (i = 0; i < data.row.length; i++) {
                        str += "<option value='" + data.row[i]['id'] + "' >" + data.row[i]['name'] + "</option>"
                    }
                    $("#"+name).html(str);
                    if(nename != "end"){
                        getadd($("#"+name).val(),nename);
                    }else{
                        if($("#cityid").val() != null)
                            cityid=$("#cityid").val();
                        else
                            cityid=$("#ipcode").val();
                        $("#lat").val("");
                        $("#lng").val("");
                        getmap();
                    }
//                    $("#"+name).select2();
            }
      }, "json");
}

$("[name='address']").change(function(){
    $(this).blur(function(){
        $("#lat").val("");
        $("#lng").val("");
        getmap();
    });
});

/**
 * 获取坐标地图
 * @returns {undefined}
 */
function getmap(){
    var lat=$("#lat").val();
    var lng=$("#lng").val();
    if(lat != "" && lng != ""){
        $("#mapview").attr("src","http://api.map.baidu.com/staticimage?center="+lat+","+lng+"&markers="+lat+","+lng+"&zoom=18");
    }else{
        $.post(url+"/geocodeing.html",{cityid:cityid,ads:$("[name='address']").val()},function(data){
            data=eval(data);
            data=eval("("+data+")");
            if(data.status == 0){
                lat=data.result.location.lat;
                lng=data.result.location.lng;
                $("#lat").val(lat);
                $("#lng").val(lng);
                $("#mapview").attr("src","http://api.map.baidu.com/staticimage?center="+lng+","+lat+"&markers="+lng+","+lat+"&zoom=18");
            }else{
                alert("错误："+data.status+" 未能准确定位");
            }
        });
    }
}

function imgcut(imgurl,id) {
    $("#photo").attr("src", imgpath + imgurl);
    $("#imgModal").modal('show');
    var x1, x2, y1, y2, imgw, imgh;
    $('#photo').imgAreaSelect({aspectRatio: '3.6:1', handles: false, onSelectEnd: function(img, selection) {
            x1 = selection.x1;
            x2 = selection.x2;
            y1 = selection.y1;
            imgw = img.width;
            imgh = img.height;
            y2 = selection.y2;
        }});
    $("#imgModal .btn").click(function() {
        $(".imgareaselect-outer").css("display", "none");
        $(".imgareaselect-selection").parent().css("display", "none");
        $.post(url+"/upload/cutimg.html",{x:x1,y:y1,w:(x2-x1),h:(y2-y1),width:imgw,height:imgh,src:imgurl},function(data){
            if(data.success){
                $("#litpic" + id).val(data.url);
                $("#error" + id).css("display", "block");
                $("#imgshow" + id).attr("src", imgpath+data.url);
            }
            $("#imgModal").modal('hide');
        },"json");
    });
}

//$('#latlng').popover({html:true,content:'<div class="control-group">\
//                                    经度(lng) <input type="text"  name="lng" placeholder="经度" value="" >\
//                            </div><div class="control-group">纬度(lat)\
//                                    <input type="text"  name="lat" placeholder="纬度" value="" >\
//                            </div><div class="control-group"><button class="btn" >提交</button></div>'});